<script>

export default {
	name:'TabContainer',
	data(){
		return{

		}
	},
	props:{
		panes:{
			this:Array,
			default:function(){
				return []
			}
		}
	},
	render(){
		let contents =this.panes.map((element,index) =>{
			return element.active ? element.$slots.default : '';
		})
		return(
			<div>{contents}</div>
		)
	}
}

</script>

<style lang='css' scoped>
</style> 